<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App',
  watch: {
    '$route' (to, from) {
      // this.handleLoading(2000)
    }
  }
}
</script>

<style lang="scss">
@import url('./style/reset.css');
html,body{
  width: 100%;
  height: 100%;
}
#app{
  width: 100%;
  height: 100%;
}
:root #app{
  overflow: hidden;
}
body .el-table th.gutter {
  display: table-cell !important;
}
.home-form{
  .el-form-item{
    margin-bottom: 0px !important;
  }
  .search-btn{
    margin-top: 3px;
  }
}
.mt-15{
  margin-bottom: 10px;
}
.el-tooltip__popper.is-dark{
  background-color: rgba(50, 50, 50, 0.7) !important;
}
.el-tooltip__popper[x-placement^="top"] .popper__arrow{
  border-top-color: rgba(50, 50, 50, 0.7) !important;
}
.el-tooltip__popper[x-placement^="top"] .popper__arrow::after{
  border-top-color: rgba(50, 50, 50, 0.7) !important;
  opacity: 0 !important;
}
.el-card__body .home-body {
  margin-top: -15px;
}
.msg-body{
  height: 168px;
  overflow: auto;
  word-break: break-all;
  margin-bottom: 15px!important;
}
.msg-body p{
  margin-bottom: 10px !important;
  font-size: 13px;
}
.msg-i:before{
  margin-right: 5px;
}
</style>
